<template>
    <svg class="f-icon" @click="$emit('click',$event)">
        <use :xlink:href="`#i-${name}`"></use>
    </svg>
</template>

<script>
  import './svg'
  export default {
    name: "f-icon"
    ,props:{
      name:{
        type:String
        ,required:true
      }
    }

  }
</script>

<style lang="scss">
    .f-icon {width: 1em;height: 1em;}
</style>
